<template>
	<div class="article-view">
		<template v-if="options.content">
			<div
				v-html="options.content"
				:style="{ padding: `${options.padding_tb || 0}px ${options.padding_lr || 0}px` }"
			/>
		</template>
		<div v-else class="view-empty">{{ view.name }}</div>
	</div>
</template>
<script>
export default {
	name: "article-view",
	props: {
		view: {
			type: Object,
			default: () => ({})
		}
	},
	computed: {
		options() {
			return this.view.options || {};
		}
	}
};
</script>
<style lang="scss" scoped>
.article-view {
	// min-height: 10px;
	font-size: 14px;
	::v-deep {
		iframe {
			width: 100%;
		}
	}
}
</style>
